@media screen and (min-width: 1200px) {
  .mType,
  .m_message {
    display: none;
  }

  .build {
    width: 100%;
    // padding: 60px 0;
    box-sizing: border-box;
    opacity: 0.9;

    .build_top {
      width: 100%;
      height: 180px;
      border-bottom: 1px solid #ece8e8;
      overflow: hidden;
      padding-top: 50px;
      box-sizing: border-box !important;
      opacity: 0;
      animation: titleshow 0.5s linear forwards;

      h2 {
        color: #333333;
        font-size: 40px;
        text-align: center;
        height: 70px;
      }

      p {
        color: #666666;
        font-size: 18px;
        text-align: center;
      }
    }

    @keyframes titleshow {
      0% {
        opacity: 0;
      }

      100% {
        opacity: 1;
      }
    }

    .message {
      margin-top: 36px;
      height: 150px !important;

      span {
        display: block;
        color: #666666;
        width: 0;
        height: 40px;
        overflow: hidden;
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        animation: msgshow 0.5s linear forwards;
      }
    }

    .message_t:nth-of-type(even) {
      float: right;
    }

    // .message_t:nth-of-type(odd) {
    //   float: left;
    // }
    @keyframes msgshow {
      0% {
        width: 0px;
      }

      100% {
        width: 100%;
      }
    }

    .web_banner {
      width: 1200px;
      height: 580px;
      margin: 0 auto;

      background-size: 100% 100%;
      position: relative;
      opacity: 0;
      // top: 600px;
      // transition: all 1.2s;
    }

    ul {
      width: 1200px;
      padding: 77px 0;
      box-sizing: border-box;
      display: flex;
      margin: 0 auto;
      justify-content: space-around;

      li {
        width: 117px;
        height: 118px;
        text-align: center;
        position: relative;
        // top: 1000px;
        opacity: 0;

        .pic {
          width: 117px;
          height: 118px;
          img {
            width: 100%;
            height: 100%;
          }
        }

        span {
          display: block;
          color: #333333;
          font-size: 18px;
          margin-top: 35px;
        }
      }
    }
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translate3d(0, 100%, 0);
    }

    100% {
      opacity: 1;
      transform: none;
    }
  }

  .web_banner_active {
    .web_banner {
      // top: 30px;
      animation: fadeInUp 1s ease forwards;
    }
  }

  .web_bot_active {
    li {
      // top: 0 !important;
      animation: fadeInUp 1.3s ease forwards;
    }
  }

  .type {
    margin-top: 40px;
    width: 100%;
    height: 838px;
    // background-image: url('https://jingye.oss-cn-qingdao.aliyuncs.com/website/type01-2.png');
    background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/website/type01-2.png");
    // background-position: center bottom;
    // background-repeat: no-repeat;
    // background-attachment: fixed;
    background-size: 100% 100%;
    position: relative;
    opacity: 0;
    // top: 1000px;
    // transition: 1.2s;
    overflow: hidden;

    .content {
      width: 1200px;
      margin: 0 auto;

      p {
        color: #333333;
        font-size: 40px;
        text-align: right;
        position: relative;
        opacity: 0;
        top: 60px;
        // top: 1000px;
        // transition: all 1.5s;
      }

      ul {
        display: flex;
        margin-top: 170px;

        // li:nth-child(1) {
        //   transition: all 1.1s;
        // }

        // li:nth-child(2) {
        //   transition: all 1.3s;
        // }

        // li:nth-child(3) {
        //   transition: all 1.5s;
        // }

        // li:nth-child(4) {
        //   transition: all 1.7s;
        // }

        li {
          width: 25%;
          height: 464px;
          position: relative;
          // opacity: 0;
          // transition: all 0.7s linear;
          // top: 1000px;

          .con {
            width: 70%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            transition: all 0.7s linear;

            .pic {
              width: 71px;
              height: 71px;
              margin: 0 auto;

              // transition: all 0.7s linear;
              img {
                width: 100%;
                height: 100%;
              }

              .pic_t {
                display: none;
              }
            }

            h4 {
              transition: all 0.7s linear;

              color: #ffffff;
              font-size: 24px;
              text-align: center;
              margin-top: 55px;
            }

            .line {
              transition: all 0.7s linear;

              width: 22px;
              height: 1px;
              background-color: #fff;
              margin: 0 auto;
              margin-top: 22px;
            }

            span {
              transition: all 0.7s linear;
              opacity: 0;
              display: block;
              color: #ffffff;
              font-size: 14px;
              line-height: 20px;
              margin-top: 20px;
              text-align: center;
              display: none;
            }
          }
        }

        li:nth-child(1) {
          background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/type02-2.png);
          background-size: 100% 100%;

          .pic {
          }
        }

        li:nth-child(2) {
          // background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/type02-2.png);
          background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/tb/webtype01.png")
            no-repeat;
          background-size: 100% 100%;

          .pic {
          }
        }

        li:nth-child(3) {
          background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/type03-2.png);
          background-size: 100% 100%;

          .pic {
          }
        }

        li:nth-child(4) {
          background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/bu/gongneng1.png");
          background-size: 100% 100%;

          .pic {
          }
        }

        li:hover {
          .line {
            opacity: 0;
          }

          span {
            display: block;
            opacity: 1;
          }

          background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/6.png);
          background-size: 100% 100%;

          .pic {
            .pic_o {
              display: none !important;
            }

            .pic_t {
              display: block;
            }

            // background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/tubiao/23.png) no-repeat;
            // background-size: 100% 100%;
          }
        }

        // li:nth-child(1):hover {
        //   .line {
        //     opacity: 0;
        //   }

        //   span {
        //     display: block;
        //     opacity: 1;
        //   }

        //   background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/6.png);
        //   background-size: 100% 100%;

        //   .pic {
        //     background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/tubiao/23.png) no-repeat;
        //     background-size: 100% 100%;
        //   }
        // }

        // li:nth-child(2):hover {
        //   .line {
        //     opacity: 0;

        //   }

        //   span {
        //     display: block;
        //     opacity: 1;
        //   }

        //   background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/6.png);

        //   background-size: 100% 100%;

        //   .pic {
        //     background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/dzsw.png) no-repeat;
        //     background-size: 100% 100%;
        //   }
        // }

        // li:nth-child(3):hover {
        //   .line {
        //     opacity: 0;

        //   }

        //   span {
        //     display: block;
        //     opacity: 1;
        //   }

        //   background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/6.png);
        //   background-size: 100% 100%;

        //   .pic {
        //     background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/tubiao/25.png) no-repeat;
        //     background-size: 100% 100%;
        //   }
        // }

        // li:nth-child(4):hover {
        //   .line {
        //     opacity: 0;
        //   }

        //   span {
        //     display: block;
        //     opacity: 1;
        //   }

        //   background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/6.png);
        //   background-size: 100% 100%;

        //   .pic {
        //     background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/tubiao/26.png) no-repeat;
        //     background-size: 100% 100%;
        //   }
        // }
      }
    }
  }

  .type_active {
    // top: 0;
    animation: fadeInUp 1s ease forwards;

    .content {
      p {
        // top: 60px;
        animation: fadeInUp 1.3s ease forwards;
      }
    }
  }

  .type_b_flag {
    // top: 0 !important;
    li:nth-child(1) {
      animation: fadeInUp 1.3s ease forwards;
    }

    li:nth-child(2) {
      animation: fadeInUp 1.5s ease forwards;
    }

    li:nth-child(3) {
      animation: fadeInUp 1.7s ease forwards;
    }

    li:nth-child(4) {
      animation: fadeInUp 1.9s ease forwards;
    }
  }

  .advantage {
    // width: 1200px;
    margin: 0 auto;

    .advantage_top {
      padding: 30px 0;
      box-sizing: border-box !important;
      border-bottom: 1px solid #ece8e8;
      height: 170px;
      overflow: hidden;

      h2 {
        color: #333333;
        font-size: 40px;
        text-align: center;
        position: relative;
        opacity: 0;
        // top: 200px;
        // transition: all 1.3s;
        // height: 70px;
        margin-bottom: 30px;
      }

      p {
        color: #666666;
        font-size: 18px;
        text-align: center;
        // line-height: 75px;
        position: relative;
        opacity: 0;

        // top: 200px;
        // transition: all 1.6s;
      }
    }

    .advantage_bot {
      width: 100%;
      height: 700px;
      overflow: hidden;

      .pic {
        width: 418px;
        height: 388px;
        margin: 0 auto;
        margin-top: 160px;
        background: url(https://jingye.oss-cn-qingdao.aliyuncs.com/website/sc01-2.png)
          no-repeat;
        background-size: 418px 388px;
        position: relative;
        opacity: 0;
        // top: 700px;
        // transition: all 1.1s;
      }

      .one,
      .two,
      .three,
      .four,
      .five,
      .six {
        box-sizing: border-box;
        width: 460px;
        height: 145px;
        position: absolute;
        overflow: hidden;
        opacity: 0;
        // padding-top: 10px;
        padding-left: 10px;
        box-sizing: border-box !important;

        .one_t {
          height: 36px;
          margin-top: 26px;
          margin-left: 26px;
          margin-bottom: 6px;
          position: relative;
          display: flex;
          align-items: center;
          img {
            float: left;
            width: 28px;
            height: 28px;
            margin-right: 10px;
          }

          .pic_p {
            float: left;
            width: 28px;
            height: 28px;
            margin-right: 10px;
            display: none;
          }

          p {
            float: left;
            color: #333333;
            font-size: 18px;
            font-weight: bold;
            line-height: 36px;
            margin: 0;
            position: relative;
            z-index: 3;
          }
        }

        > span {
          margin-left: 25px;
          display: block;
          width: 354px;
          line-height: 20px;
          color: #666666;
          font-size: 14px;
        }
      }

      .one {
        .one_t {
          .a_line {
            width: 162px;
            height: 10px;
            background-color: #d6151a;
            border-radius: 5px;
            position: absolute;
            top: 20px;
            left: 70px;
            opacity: 0.3;
            z-index: 1;
          }
        }
      }

      .two {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/change/43.png");
        background-size: 100% 100%;

        .one_t {
          .a_line {
            width: 162px;
            height: 10px;
            background-color: #d6151a;
            border-radius: 5px;
            position: absolute;
            top: 20px;
            left: 70px;

            opacity: 0.3;
            z-index: 1;
          }
        }
      }

      .three {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/5.png")
          no-repeat;
        background-size: 100% 100%;

        .one_t {
          .a_line {
            width: 120px;
            height: 10px;
            background-color: #d6151a;
            border-radius: 5px;
            position: absolute;
            top: 20px;
            left: 70px;

            opacity: 0.3;
            z-index: 1;
          }
        }
      }

      .four {
        .one_t {
          .a_line {
            width: 162px;
            height: 10px;
            background-color: #d6151a;
            border-radius: 5px;
            position: absolute;
            top: 20px;
            left: 70px;

            opacity: 0.3;
            z-index: 1;
          }
        }
      }

      .five {
        .one_t {
          .a_line {
            width: 120px;
            height: 10px;
            background-color: #d6151a;
            border-radius: 5px;
            position: absolute;
            top: 20px;
            // right: 200px;
            left: 70px;
            opacity: 0.3;
            z-index: 1;
          }
        }
      }

      .six {
        .one_t {
          .a_line {
            width: 107px;
            height: 10px;
            background-color: #d6151a;
            border-radius: 5px;
            position: absolute;
            top: 20px;
            left: 70px;

            opacity: 0.3;
            z-index: 1;
          }
        }
      }

      .one {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/1.png")
          no-repeat;
        background-size: 100% 100%;
      }

      .two {
      }

      .three {
      }

      .one:hover,
      .two:hover,
      .three:hover {
        // background: url('https://jingye.oss-cn-qingdao.aliyuncs.com/website/52.png') no-repeat;
        // background-size: 100% 100%;

        img {
          display: none;
        }

        .pic_p {
          display: block;
        }

        span,
        .one_t p {
          color: #ffffff;
        }
      }

      .one:hover {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/1_01.png")
          no-repeat;
        background-size: 100% 100%;

        .one_t .pic_p {
          background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/19.png")
            no-repeat;
          background-size: 100% 100%;
        }
      }

      .two:hover {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/3_01.png")
          no-repeat;

        background-size: 100% 100%;

        .one_t .pic_p {
          background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/23.png")
            no-repeat;
          // background: url("../../webicon/web17.png") no-repeat;

          background-size: 100% 100%;
        }
      }

      .three:hover {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/5_01.png")
          no-repeat;
        background-size: 100% 100%;

        .one_t .pic_p {
          background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/27.png")
            no-repeat;
          // background: url("../../webicon/web21.png") no-repeat;

          background-size: 100% 100%;
        }
      }

      .four,
      .five,
      .six {
        .one_t {
          margin-left: 45px;
        }

        > span {
          margin-left: 45px;
        }
      }

      .four {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/change/32.png")
          no-repeat;
        background-size: 100% 100%;
      }

      .five {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fchangek/44.png")
          no-repeat;
        background-size: 100% 100%;
      }

      .six {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/6.png")
          no-repeat;
        background-size: 100% 100%;
      }

      .four:hover,
      .five:hover,
      .six:hover {
        img {
          display: none;
        }

        .pic_p {
          display: block;
        }

        span,
        .one_t p {
          color: #ffffff;
        }
      }

      .four:hover {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/change/31.png")
          no-repeat;
        background-size: 100% 100%;

        .one_t .pic_p {
          background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/21.png")
            no-repeat;
          // background: url("../../webicon/web15.png") no-repeat;

          background-size: 100% 100%;
        }
      }

      .five:hover {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/4_01.png")
          no-repeat;
        background-size: 100% 100%;

        .one_t .pic_p {
          background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/25.png")
            no-repeat;
          // background: url("../../webicon/web19.png") no-repeat;

          background-size: 100% 100%;
        }
      }

      .six:hover {
        background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/fk/6_01.png")
          no-repeat;
        background-size: 100% 100%;

        .one_t .pic_p {
          background: url("https://jingye.oss-cn-qingdao.aliyuncs.com/iconweb/29.png")
            no-repeat;
          background-size: 100% 100%;
        }
      }

      .one {
        top: -60px;
        left: -400px;
      }

      .two {
        left: -450px;
        top: 130px;
      }

      .three {
        left: -400px;
        bottom: -60px;
      }

      .four {
        right: -400px;
        top: -60px;
      }

      .five {
        right: -450px;
        top: 130px;
      }

      .six {
        right: -400px;
        bottom: -60px;
      }
    }
  }

  .advantage_active {
    .advantage_top {
      h2 {
        animation: fadeInUp 1s ease forwards;
      }

      p {
        // top: 0;
        animation: fadeInUp 1.3s ease forwards;
      }
    }
  }

  .advan_b_active {
    .pic {
      // top: 0 !important;
      animation: fadeInUp 1s ease forwards;
    }

    .one {
      // top: -60px;
      animation: fadeInUp 1.2s ease forwards;
    }

    .two {
      // top: 130px;
      animation: fadeInUp 1.4s ease forwards;
    }

    .three {
      // bottom: -60px;
      animation: fadeInUp 1.6s ease forwards;
    }

    .four {
      animation: fadeInUp 1.2s ease forwards;
      // top: -60px;
    }

    .five {
      animation: fadeInUp 1.4s ease forwards;
      // top: 130px;
    }

    .six {
      animation: fadeInUp 1.6s ease forwards;
      // bottom: -60px;
    }
  }

  // 那些大咖选择我们
  // 那些大咖选择我们
  .web_bigShot {
    width: 100%;
    height: 500px;

    .web_bigShot_top {
      width: 100%;
      height: 220px;
      // background-color: red;
      overflow: hidden;

      h2 {
        font-size: 40px;
        color: #333333;
        text-align: center;
        margin-top: 75px;
      }

      p {
        margin-top: 34px;
        color: #666666;
        font-size: 18px;
        text-align: center;
      }
    }

    .web_bigShot_bot {
      width: 100%;
      height: 280px !important;
      // background-color: pink;
      position: relative;

      .seamless-warp2 {
        overflow: hidden;
        height: 190px;
        width: 100%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); // >div>div {
        //   float: left !important;
        // }

        ul.item {
          float: left;
          width: 100%;

          li {
            width: 231px;
            height: 147px;
            box-shadow: 0px 0px 20px 0px rgba(230, 230, 230, 0.75);
            border-radius: 10px;
            float: left;
            margin-right: 10px;
            position: relative;
            margin: 30px;

            img {
              position: absolute;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
            }
          }
        }
      }
    }
  }
}
